<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <!------------------------------------------------------------>

    <!------------------------------------------------------------>
    <div v-show="showList">
        <form class="form-inline">
        <div class="grid-btn">










            <!--<div class="form-group col-sm-2">-->
            <!--<select id="etlSystemSelect" class="selectpicker" v-model="q.etlSystem"  data-live-search="true" title="请选择系统名称" onchange="getSelectd();">-->
            <!--&lt;!&ndash;<label for="" class="">系统名称：</label>&ndash;&gt;-->
            <!--&lt;!&ndash;<select id="etlSystemSelect" class="form-control"  v-model="etlSystem"  style="width:150px;" title="请选择系统名称"  onchange="getSelectd();" >&ndash;&gt;-->
                <!--<option  selected value="">全部</option>-->
                <!--<option  value="SDT">SDT</option>-->
                <!--<option  value="PDT">PDT</option>-->
                <!--<option  value="CSM">CSM</option>-->
            <!--</select>-->
            <!--</div>-->


            <div class="form-group col-sm-2">
                <select id="etlSystemSelect" class="selectpicker" v-model="q.etlSystem"  data-live-search="true" title="请选择系统名称" onchange="getSelectd();">
                    <!--<label for="" class="">系统名称：</label>-->
                    <!--<select id="etlSystemSelect" class="form-control"  v-model="etlSystem"  style="width:150px;" title="请选择系统名称"  onchange="getSelectd();" >-->
                    <!--<option  selected value="">全部</option>-->
                </select>
            </div>


            <div  class="form-group col-sm-2">
                <div id="datadateid" class="input-group date form_date col-md-12" data-date="" data-date-format="" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                    <input  class="form-control" size="16" type="text" value="" placeholder="请选择数据日期" readonly onchange="getDate()" >
                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
                <input type="hidden" id="dtp_input2" value="" /><br/>
            </div>


            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="q.etlJob" @keyup.enter="query" placeholder="请输入任务名称">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
        </div>
</form>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">

            <div class="form-group">
                <div class="col-sm-2 control-label">作业系统</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="jobLog.etlSystem" placeholder="作业系统"/>
                </div>
            </div>
					<div class="form-group">
                        <div class="col-sm-2 control-label">作业名称</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.etlJob" placeholder="作业名称"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">会话ID</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.jobsessionid" placeholder="会话ID"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">步骤ID</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.jobstepid" placeholder="步骤ID"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">脚本名称</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.scriptfile" placeholder="脚本名称"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">数据日期</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.txdate" placeholder="数据日期"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">开始时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.starttime" placeholder="开始时间"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label">结束时间</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.endtime" placeholder="结束时间"/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label"></div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.returncode" placeholder=""/>
                        </div>
                    </div>
											                    <div class="form-group">
                        <div class="col-sm-2 control-label"></div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="jobLog.seconds" placeholder=""/>
                        </div>
                    </div>
							            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label"></div>-->
                <!--<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>-->
                <!--&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>-->


            </div>
        </form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/etl/joblog.js?_${.now?long}"></script>
<script type="text/javascript">
    $('.form_date').datetimepicker({
        format: 'yyyy-mm-dd',
        language: 'zh-CN',
        weekStart: 1,
        todayBtn: 1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
        todayBtn:true,
        todayHighlight:true,
        startDate:2018-01-01
    });


    //lwq添加
    function getSelectd() {
        var etlSystemSelect_obj = document.getElementById("etlSystemSelect");
        var index =  etlSystemSelect_obj.selectedIndex;
        var select_value = etlSystemSelect_obj.options[index].value;
        vm.q.etlSystem = select_value;
    }

    function getDate() {
        var dateval = $("#datadateid").find("input").val();
        vm.q.data_date= dateval;
    }
</script>
</body>
</html>
